import styled from 'styled-components'

const GridContainer = styled.div`
ul{
margin:0;
padding:0;
  display:flex;
  flex-wrap:wrap;
  li{
    list-style:none;
    width:${(props)=> 100/props.column}%;
    padding:0.1rem;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    img {
      width:100%;
    border-radius:${(props)=>props.imgRadius}rem;
    }
  }
}

`

export default GridContainer;